<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈统计系统</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/jquery.gritter.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-rtl.min.css" />
		
		<link rel="stylesheet" href="${request.contextPath}/static/stylesheets/daterangepicker.css">
		<script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script>
	</head>

	<body class="no-skin" style="background-color: #FFF;">
		<div class="page-content" style="padding: 2px 2px 0px;">
		  <div class="tabbable">
			<div class="tab-content">
				<div id="manage" class="tab-pane active in">
				<!-- 筛选条件开始 -->
					<div class="row">
						<div class="col-sm-12">
							<div class="widget-box">
								<div class="widget-header">
									<h4 class="widget-title lighter">
										<i class="ace-icon fa"></i>IP黑名单列表
									</h4>
								</div>
								<div class="widget-body" style="background-color: #EFF3F8;">
									<div class="widget-main">
										<form class="form-inline" id="searchForm" method="post" action="${request.contextPath}/background/blackIPList">
											<input type="hidden" id="_csrf" name="${_csrf.parameterName}" value="${_csrf.token}"/><!-- 框架原因，所有post请求必须加这行代码 -->
											<div class="form-group">
												<label for="exampleInputName2">IP状态
													<select name="iPOffOnVO" id="iPOffOnVO" aria-controls="dynamic-table" class="form-control input-sm" style="width: 80px;height:34px">
                                                           <#list offOnTypeList as offOnType>
                                                              <#if blackIPConditionVO.iPOffOnVO ==offOnType.value >
														    <option value="${offOnType.value}" selected>${offOnType.showName}</option>
														   <#else>
														   <option value="${offOnType.value}">${offOnType.showName}</option>
														   </#if>
														</#list>
													</select>
												</label>
												<label for="exampleInputName" style="margin-left: 30px;">公司编码
													<select name="sysCodeVO" id="sysCodeVO" aria-controls="dynamic-table" class="form-control input-sm" style="width: 80px;height:34px">
                                                           <#list BlackIpTypeList as sysCodeType>
                                                              <#if blackIPConditionVO.sysCodeVO ==sysCodeType.value >
														    <option value="${sysCodeType.value}" selected>${sysCodeType.showName}</option>
														   <#else>
														   <option value="${sysCodeType.value}">${sysCodeType.showName}</option>
														   </#if>
														</#list>
													</select>
												</label>
												<label for="exampleInputName" style="margin-left: 30px;">ip
													<input class="form-control" type="text" id="config-demo" name="iPVO" placeholder="IP地址" value="${blackIPConditionVO.iPVO}"/>
												</label>
												<button type="submit" class="btn btn-pink btn-sm">
													<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
													查询
												</button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 筛选条件结束 -->
				    <!-- tab开始 -->
				    <div class="row">
						 <div class="col-sm-12">
							<div class=" widget-box" style="border:none;">
									<table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dynamic-table_info">
										<thead>
											<tr>
												<th>IP</th>
												<th>公司编码</th>
												<th>是否可用</th>
											</tr>
										</thead>
										<tbody>
											<#if iPBlackList?? && iPBlackList?size&gt;0>
												<#list iPBlackList as iPBlackVO>
													<tr class="">
														<td>${iPBlackVO.ip}</td>
														<td>${iPBlackVO.sysCode}</td>
														<td><#if iPBlackVO.available=1>有效</#if>
														<#if iPBlackVO.available=0>无效</#if></td>
													</tr>
												</#list>
											<#else>
												<tr>
													<td colspan="12">
														<div class="alert alert-danger" style="margin-bottom: 0px;" role="alert">没有记录!</div>
													</td>
												</tr>
											</#if>
										</tbody>
									</table>
									 <#include "/paginator.html">
								</div>
							</div>
						</div>
					</div>
					<!-- tab结束-->
				</div>
			</div>
		</div>
		<!-- basic scripts -->
		<!-- <script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script> -->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${request.contextPath}/static/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<script type="text/javascript" src="${request.contextPath}/static/javascripts/moment.js"></script>
	   	<script type="text/javascript" src="${request.contextPath}/static/javascripts/daterangepicker.js"></script>
		<!-- ace scripts -->
		<script src="${request.contextPath}/static/assets/js/jquery.gritter.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace.min.js"></script>
		<!-- user scripts -->
		<script src="${request.contextPath}/static/assets/js/user/base.js"></script>
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bsie-paginator.css" />
		
		<script type="text/javascript">
			
		</script>
	</body>
</html>